/**
 * 全局的权限指令
 * @Example v-auth="RoleEnum.TEST"
 */
import type { App, Directive, DirectiveBinding } from 'vue';

import { usePermission } from '@/hooks/web/usePermission';

function isAuth(el: Element, binding: any) {
	const { hasPermission } = usePermission();

	const value = binding.value;
	if (!value) return;
	if (!hasPermission(value)) {
		el.parentNode?.removeChild(el);
	}
}

const mounted = (el: Element, binding: DirectiveBinding<any>) => {
	isAuth(el, binding);
};

const authDirective: Directive = {
	mounted,
};

export function setupPermissionDirective(app: App) {
	app.directive('auth', authDirective);
}

export default authDirective;
